/*拼团页面*/

.group-content {
    & .buttons-tab {
        margin-top: 2.25rem;
    }
}

//参团与开团之间页面的转换
#joinGroup-tab,
#openGroup-tab,
.joinGroup-content {
    // & img {
    //     width: 100%;
    //     height: 8rem;
    // }
    & .card:first-child{
        margin:0;
    }
    & img  {
        background-size: 100% 7.5rem;
        width: 100%;
        height: 7.5rem;
        position: relative; 
    }
    & .card-header div {
        width: 27%;
        height: 2.1rem;
        margin-left: 73%;
        background-color: #e01a57;
        opacity: 0.8; //设置背景颜色透明度，数值越高，透明度越低
        border-radius: 0.2rem 0 0 0;
        position: absolute;
    }
    & .card-header div p {
        color: #fff;
        font-size: 0.5rem;
        line-height: 1.1rem;
        height: 1.1rem;
        margin: 0;
        text-align: center;
    }
    & .card-header div span {
        background-color: #fff;
        color: #e01a57;
    }
    & .card-content-inner {
        padding: 0.5rem 0.75rem;
    }
    & .card-content-inner p {
        font-size: 0.75rem;
    }
    & #purchase-card-footer a {
        margin: 0.5rem 0.75rem;
        line-height: 1rem;
        height: 1rem;
        font-size: 0.5rem;
    }
    & #purchase-card-footer a:first-child span {
        text-decoration: line-through; //划删除线
    }
    & #purchase-card-footer a:last-child span {
        color: #e01a57;
    }
    & #join-card-footer div {
        width: 80%;
        height: 2rem;
        border: 0.05rem solid #e01a57;
        margin: 0.25rem auto 0.75rem;
        border-radius: 0.5rem;
    }
    & #join-card-footer h6 {
        margin: 0;
        float: left;
        color: #fff;
        background-color: #e01a57;
        width: 10%;
        text-align: center;
        border-radius: 0.4rem 0 0 0;
    }
    & #join-card-footer p {
        font-size: 0.65rem;
        margin: 0;
        margin-left: 5%;
        line-height: 2rem;
        float: left;

    }
    & #join-card-footer p:first-child {
        margin-left: 15%;
    }
    & #join-card-footer div div {
        float: right;
        width: 40%;
        border: none;
        margin: 0;
        background-color: #e01a57;
        color: #fff;
        height: 1.9rem;
        border-radius: 0 0.45rem 0.45rem 0;
    }
    & #join-card-footer div div p {
        color: #ffffff;
    }
    & #join-card-footer div span {
        float: right;
        font-size: 1rem;
        line-height: 2rem;
        margin-right: 12%;
        color: #fff;
    }
}


/*参团二级页面*/

.joinGroup-content {
    & img {
        width: 100%;
    }
    #coupon-card {
        height: 14rem;
        background-color: #fff;
        margin: 0;
    }
    & .card:first-child {
        margin: 0;
    }
}

//优惠券
#coupon-card {
    & ul {
        padding: 0.75rem;
        margin: 0;
        height: 11.8rem;
        list-style-type: none;
    }
    & ul li {
        height: 5rem;
        width: 48%;
        float: left;
    }
    & ul li:first-child {
        background-color: #9999cc;
    }
    & ul li:nth-last-child(2) {
        float: right;
        background-color: #28b3ee;
    }
    & ul li:last-child {
        margin-top: 0.75rem;
        background-color: #fcbc02;
    }
    & ul li div {
        margin: 0;
        width: 100%;
    }
    & ul li div p {
        margin: 0;
        font-size: 0.5rem;
        float: left;
        color: #fff;
        line-height: 1.3rem;
        white-space: nowrap;
    }
    & ul li div p:last-child {
        float: right;
    }
    & .item-text {
        padding:  0 0.25rem;
        height: 1.3rem;
        border-bottom: 1px dashed #cdcdcd;
    }
    & .item-title {
        font-size: 1.3rem;
        color: #fff;
        text-align: center;
        margin-top: 0.5rem;
    }
    & .item-subtitle {
        text-align: center;
        font-size: 0.5rem;
        color: #6c8998;
    }
    & .card-footer {
        margin: 0;
        color: #fff;
    }
    & .term-div {
        font-size: 0.75rem;
        width: 80%;
        line-height: 1.2rem;
        height: 1.2rem;
        background-color: #cccccc;
        color: #333333;
        text-align: center;
        margin: 0.5rem auto;
        border-radius: 0.05rem;
    }
}


/*参团二级页面*/

//团长须知页面
#notice-tab {
    & .content-block-title + .list-block {
        margin: 0;
    }
    & .content-block-title {
        margin-top: 0.5rem;
        font-size: 0.75rem;
        white-space: normal;
        line-height: 1rem;
        color: #333333;
        font-weight: bold;
    }
    & img {
        height: 8rem;
        width: 95%;
        margin: 0 2.5%;
    }
    & p {
        margin: 0.75rem;
    }
}


/*我的团购*/

.groupPurchase-content {
    & img {
        margin: 0.75rem 0;
        width: 75%;
        height: 4rem;
        float: left;
    }
    & a div {
        float: right;
        height: 4rem;
        width: 25%;
    }
    & a div div {
        background-image: url(../images/circular-181x145.png);
        background-size: 100% 3rem;
        height: 3rem;
        width: 80%;
        margin: 0.5rem 10%;
    }
    & p {
        font-size: 0.75rem;
        margin: 0;
        text-align: center;
        color: #e01a57;
        line-height: 3rem;
    }
    & .list-block .item-media + .item-inner,
    .list-block .item-after {
        margin: 0;
        font-size: 0.75rem;
    }
    & .list-block .item-after {
        width: 4rem;
        text-align: center;
    }
    & span {
        border-radius: 0.1rem;
        background-color: #e01a57;
        color: #fff;
        width: 4rem;
    }
}
